<template>
    <div class="clear">
        <div class="fl logo">爬虫配置平台</span></div>
        <div class="breadcrumb">
            <c-breadcrumb></c-breadcrumb>
        </div>
        <div class="fr login_bar">
            <div>
                <div class="avatar"><img :src="userInfo.avatar"></div>
                <span>{{userInfo.name}}</span>
                <span>，欢迎你</span>
                <span>丨</span>
                <a class="logout" href="/logout">退出</a>
            </div>
        </div>
    </div>
</template>

<script>
import icon from 'vue-awesome';
import breadcrumb from './breadcrumb'
export default {
    data(){
        return {
        }
    },
    props: ['userInfo'],
    components: { 
        'c-breadcrumb' : breadcrumb,
        'c-icon' : icon
    },
    created(){
        console.log('userInfo----------------',this.userInfo)
    },
    mounted(){
        
    },
    watch: {
        '$route' (to, from) {
            
        }
    },
    methods: {
        handleSelect(){

        }
    }
};
</script>


<style>
  .el-header {
      text-align: center;
      background-color : #545c64;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
  }
  .el-footer {
      color: #333;
      text-align: center;
      line-height: 60px;
      background-color : #545c64;
  }
  .el-aside {
  }
</style>
